<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      content="爱游旅游网提供跟团游、自助游、邮轮旅游、自驾游、定制游以及景点门票预订、机票预订、火车票预订服务,还有牛人专线、首付出发旅游等品质高端、价格实惠的旅游路线.全年有各种尾货特价、限时秒杀等特卖旅游路线让你畅游海内外,要旅游,找爱游."
      name="keywords"
    />
    <meta
      content="爱游 旅游 自驾游 跟团游 海岛游 亲子游 订酒店 查航班 自助游 度假 出境游 周边旅游"
      name="description"
    />
    <title>爱游旅游网-让旅游更简单，去旅游，找爱游</title>
    <link rel="shortcut icon" href="./jlt/icologo.ico">
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./iconfont/iconfont.css" />
    <link rel="stylesheet" href="./css/周边游.css" />
  </head>
  <body>
    <!-- 头部区域开始 -->
    <div class="header">
    <div class="top w">
      <div>
        <a href="#"><img src="./img/logo.png" alt="" /></a>
      </div>
      <div>
        <img src="./img/phone1lan.png" alt="" class="phone" /><span
          >0571-8653621</span
        >
      </div>
    </div>
    <!-- 头部区域结束 -->
    <!-- 导航区域开始 -->
    <div class="nav">
      <div class="w nav-box">
        <div class="nav-left">
          <a href="./index.html">首页</a>
          <a href="./旅游攻略.html">旅游攻略</a>
          <a href="./精选路线.html">精选路线</a>
          <a href="./定制游.html">定制游</a>
          <a href="./周边游.html" class="noe-a">周边游</a>
          <a href="./周边游.html" class="yinying">周边游</a>
        </div>
        <div class="nav-right">
          <input
            type="text"
            name=""
            class="nav-sousuo"
            placeholder="热门搜索：欧洲、美洲、中东非、澳新、马代..."
          />
          <span class="iconfont icon-ss"></span>
        </div>
      </div>
    </div>
    <!-- 导航区域结束 -->
  </div>
    <!--------------------- 中间区域开始 ------------------------>
    <!-- 通栏区域 S -->
    <div class="ff-banner">
      <div class="ff-pic"><img src="./img/周边游通栏.jpg" alt="" /></div>
    </div>
    <!-- 通栏区域 E -->
    <!-- 搜索区域 S -->
    <div class="ff-w">
      <div class="ff-search">
        <input type="text" name="" id="" placeholder="当前条件下搜索" />
        <a href="#"><span class="iconfont icon-ss"></span></a>
      </div>
      <!-- 搜索区域 E -->
      <!-- 导航区域 S -->
      <div class="ff-nav">
        <ul>
          <li><span>已选择：</span></li>
          <li class="clearfix">
            <span>行程天数：</span>
            <a href="#">10天</a>
            <a href="#">9天</a>
            <a href="#">8天</a>
            <a href="#">7天</a>
            <a href="#">6天</a>
            <a href="#">5天</a>
            <a href="#">4天</a>
            <a href="#">3天</a>
          </li>
          <li><span>目的地：</span>
        <a href="#">新疆</a>
        <a href="#">三亚</a>
        <a href="#">曼谷</a>
        <a href="#">南非、迪拜</a>
        <a href="#">旧金山</a>
        <a href="#">北海道</a>
        <a href="#">千岛湖</a>
        <a href="#">伏尔加庄园</a>
        <a href="#">西澳</a>
        <a href="#">意大利</a>
        <a href="#" class="more">更多</a>
        </li>
          <li><span>预算/人：</span>
          <a href="#">1000-1599</a>
          <a href="#">1800以上</a>
          </li>
        </ul>
      </div>
      <!-- 导航区域 E -->
    </div>
    <!-- 列表区域 S -->
    <div class="ff-w">
      <div class="ff-list">
        <ul class="clearfix">
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游列表1.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>边塞风情·伊宁草原之夜4日游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_2.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>畅游北京故宫</h4>
              <p><span>￥</span>1499<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_3.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>法国巴黎蒙马特圣心堂三日游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_4.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>古城西安，古墓兵马俑</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_5.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>海岛4日跟团游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_6.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>海南5日游，沉醉蜈支洲</h4>
              <p><span>￥</span>3000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_7.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>咕噜湖3日酣畅夜游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_8.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>九寨沟4日跟团游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_9.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>马尔代夫5晚7日自由行</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_10.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>曼谷——芭提雅7日跟团游</h4>
              <p><span>￥</span>4000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_11.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>美国旧金山+拉斯维加斯10日公司游</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
          <li>
            <div class="ff-mask"></div>
            <div class="ff-bangzi"></div>
            <a href="#">
              <div class="ff-pic">
                <img src="./img/周边游_12.jpg" alt="">
              </div>
              <div class="ff-txt">
                <h4>民谣成都，安顺大桥</h4>
              <p><span>￥</span>5000<span>.00</span><del>￥0.00</del></p>
              <div class="zhuan">
                <div class="z-top"></div>
              <span class="btn">预约</span>
              <div class="z-btm"></div>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <!-- 列表区域 E -->
      <!-- 列表页数导航 S -->
      <div class="ff-fnav">
        <ul>
          <li><a href="#">上一页</a></li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">......</a></li>
          <li><a href="#">下一页</a></li>
        </ul>
      </div>
      <!-- 列表页数导航 E -->
    </div>
    <!--------------------- 中间区域结束 ------------------------>
    <!-- 底部导航开始 -->
    <div class="foot">
    <!-- 阳光行程 -->
      <div class="ygxc">
        <div class="w">
          <ul>
            <li>
              <img src="./img/dibu-1.png" alt="" />
              <span>阳光行程</span>
              <i>透明公开</i>
            </li>
            <li>
              <img src="./img/dibu-2.png" alt="" />
              <span>阳光价格</span>
              <i>明码实价</i>
            </li>
            <li>
              <img src="./img/dibu-3.png" alt="" />
              <span>阳光服务</span>
              <i>专属客服</i>
            </li>
            <li>
              <img src="./img/dibu-4.png" alt="" />
              <span>服务电话</span>
              <i>0571-8653621</i>
            </li>
          </ul>
        </div>
      </div>
      <!-- 底部设计 -->
      <div class="foot-bottom w">
        <ul>
            <li>
                <p>去旅游</p>
                <a href="#">跟团游</a>
                <a href="#">海岛游</a>
                <a href="#">自助游</a>
                <a href="#">亲子游</a>
            </li>
            <li>
                <p>找优惠</p>
                <a href="#">特卖订酒店</a>
                <a href="#">积分优惠</a>
                <a href="#">银行特惠优</a>
                <a href="#">银行分期游</a>
            </li>
            <li>
                <p>看攻略</p>
                <a href="#">攻略</a>
                <a href="#">旅客游记</a>
                <a href="#">达人玩法</a>
                <a href="#">驴友结伴</a>
            </li>
            <li>
                <p>查服务</p>
                <a href="#">帮助中心</a>
                <a href="#">会员中心</a>
                <a href="#">旅行保障</a>
                <a href="#">航班查询</a>
            </li>
        </ul>
      </div>
    </div>
    <!-- 底部导航结束 -->
    <!-- 右边导航开始 -->
    <div class="right">
      <ul>
        <li class="list">
          <p class="right-zhuangshu">专属定制</p>
        </li>
        <li class="list">
          <div class="right-box">
           <a href="#">点击搜索</a>
          </div>
        </li>
        <li class="list">
          <div class="right-box">
            <a href="#">下载全年旅行计划</a>
          </div>
        </li>
        <li class="list">
          <div class="right-box"><img src="./img/right-nav-ewm.jpg" alt=""><p>我们的微信</p></div>
        </li>
        <li class="list">
          <ul class="right-box">
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服1: 孙冰心</p></li></a>
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服2: 胡钱格</p></li></a>
            <li><a href="#"><img src="./img/right-nav-qq.png" alt=""><p>客服3: 殷敬旺</p></li></a>
          </ul>
        </li>
      </ul>
    </div>
    <div class="fanhui">
      <a href="#"><span class="iconfont icon-sjt"></span></a>
    </div>

    <!-- 右边导航结束 -->
  </body>
</html>
